<template>
    <q-drawer bordered v-model="store.a.侧栏折叠" show-if-above :width="250">
        <q-scroll-area style="height: calc(100%);">
            <slot />
            <q-list class="menu-list">
                <template v-for="(childrenItem, index) in 主路由.children" :key="index">
                    <SideBarLeftItem :childrenItem="childrenItem" :initLevel="0" />
                </template>
            </q-list>
        </q-scroll-area>
    </q-drawer>

</template>

<script setup>
import { toRefs, computed } from 'vue';
import SideBarLeftItem from './SideBarLeftItem.vue'
import useStore from '@/stores/store';
const store = useStore()

import use路由 from '@/hooks/use路由';
const 路由 = use路由()
const {主路由 } = 路由
// let 路由s=routes[0].children
</script>

<style lang="scss" scoped>
.menu-list :v-deep(.q-item) {
    border-radius: 0 32px 32px 0
}
</style>
